List chapterone = [
  {
    "description":
        "条件判断使用 v-if 指令; \n v-if 指令将根据表达式 seen 的值(true 或 false )来决定是否插入 p 元素。\n可以用 v-else 指令给 v-if 添加一个 'else' 块：",
    "url":
        "https://hbimg.huabanimg.com/0a36813562dd1eaf36f568b4725c2ca1b38f41bd1ce1c-jjkc8v_fw658",
    "title": "Vue.js 条件与循环"
  },
  {
    "description":
        "循环使用 v-for 指令。\n v-for 指令需要以 site in sites 形式的特殊语法， sites 是源数据数组并且 site 是数组元素迭代的别名。\n v-for 可以绑定数据到数组来渲染一个列表：",
    "url": "http://pics.sc.chinaz.com/files/pic/pic9/201803/bpic6149.jpg",
    "title": "循环语句"
  },
  {
    "description": "监听属性",
    "url": "http://pics.sc.chinaz.com/files/pic/pic9/201801/zzpic9873.jpg",
    "title": "Vue.js 监听属性"
  },
  {
    "description":
        "class 与 style 是 HTML 元素的属性，用于设置元素的样式，我们可以用 v-bind 来设置样式属性。\nVue.js v-bind 在处理 class 和 style 时， 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数组。",
    "url": "http://pic2.sc.chinaz.com/Files/pic/pic9/201801/zzpic9593.jpg",
    "title": "Vue.js 样式绑定"
  },
  {
    "description": "通常情况下，我们需要使用一个方法来调用 JavaScript 方法。\nv-on 可以接收一个定义的方法来调用。",
    "url": "http://pic2.sc.chinaz.com/Files/pic/pic9/201801/zzpic9593.jpg",
    "title": "Vue.js 事件处理器"
  },
  {
    "description":
        "可以用 v-model 指令在表单控件元素上创建双向数据绑定。\n v-model 会根据控件类型自动选取正确的方法来更新元素。\n 复选框如果是一个为逻辑值，如果是多个则绑定到同一个数组;",
    "url": "http://pic.sc.chinaz.com/Files/pic/pic9/201801/zzpic9344.jpg",
    "title": "Vue.js 表单"
  }
];
